<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录注册</title>
    <script src="./js/jquery.js "></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href=".//iconfont/iconfont.css">
</head>
<style>
    #forgetPwd {
        margin-bottom: 20px;
    }
    
    .major {
        display: inline-block;
        width: 20px;
    }
</style>

<body>

    <div class="container" id="container">

        <div class="form-container sign-up-container">
            <form action="#">
                <h1 class="usertitle2">学生注册</h1>
                <!-- <div class="social-container">
                    <a href="#" class="social"><i class="iconfont icon-QQ"></i></a>
                    <a href="#" class="social"><i class="iconfont icon-weixin"></i></a>
                    <a href="#" class="social"><i class="iconfont icon-xinlangweibo"></i></a>
                    <a href="#" class="social"><i class="iconfont icon-github-fill"></i></a>
                </div> -->
                <input id="signUpuser" class="username" type="text" placeholder="姓名">
                <input class="sex" type="text" placeholder="性别">
                <input class="major" type="text" placeholder="专业">

                <input class="userclass" type="text" placeholder="班级">
                <input class="age" type="text" placeholder="年龄">
                <input type="email" class="email" placeholder="邮箱">
                <input type="text" class="student_id" placeholder="学号">

                <input type="password" class="password" id="signUppwd" placeholder="密码">

                <!-- <button class="zhuce" id="linkbt">看不清，换一张</button> -->
                <!-- <span class="yzm" id="yanzhengma"></span> -->
                <!-- <input type="email" placeholder="验证码"> -->
                <!-- <input placeholder="请这里输入验证码" type="text" id="inputCode" onkeydown="test()"> -->
                <a href="#" class="beforeLogin"></a>
                <input class="zhuce" type="button" value="注册" id="Button1">

            </form>
        </div>
        <div class="form-container sing-in-container">
            <!-- 登录 -->
            <form action="#">
                <h1 class="usertitle">学生登录</h1>

                <input type="text" placeholder="用户名" id="username">
                <input type="password" placeholder="密码" id="password" class="ipt">
                <span>可以选择以下几种方式登录您的用户</span>

                <div class="navigation">
                    <td>
                        <a type="radio" name="sex" class="teacher" id="js" title="教师"><label for="js"><img src="./img/教师.png" alt="" id="radio"></label>
                    </td>
                    <td>
                        <a type="radio" name="sex" class="student" id="xs" title="学生"><label for="xs"><img src="./img/学生.png" alt="" id="radio"></label>
                    </td>
                    <td>
                        <a type="radio" name="sex" class="instructor" id="counselor" title="辅导员"><label for="counselor"><img src="./img/辅导员.png" alt="" id="radio"></label>
                    </td>
                </div>

                
                <!-- <button class="zhuce" id="linkbt1">看不清，换一张</button>
                    <span class="yzm" id="yanzhengma1">000</span>
                    
                    <input placeholder="请这里输入验证码" type="text" id="inputCode1" onkeydown="test1()"> -->
                    
                    <a href="#" id="forgetPwd">忘记密码?</a>
                        <input class="zhuce login" type="button" value="登录" id="Button2">
                        <!-- <button class="zhuce">登录</button> -->
            </form>
            </div>
            <div class="overlay-container">
                <div class="overlay">
                    <div class="overlay-pannel overlay-left">
                        <h1>已有账号!</h1>
                        <p>点我快去进行登录.</p>
                        <button class="ghost" id="signIn">登录</button>
                    </div>
                    <div class="overlay-pannel overlay-right">
                        <h1>没有账号!</h1>
                        <p>点我快去注册一个.</p>
                        <button class="ghost" id="signUp">注册</button>
                    </div>
                </div>
            </div>
</body>
<script src="./js/index.js"></script>

</html>